<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh">
<body>
	<div th:fragment="header">
		 <!--menu begin-->
		  <div class="menu">
		    <nav class="nav" id="topnav">
		      <h1 class="logo"><a href="/"><img style="width: 60px;" th:src="@{/images/logo/logo_o.png}"></a></h1>
		      <ul v-if="navList">
			      <template v-for="nav in navList">
				      <li @mouseover="selectStyle(nav)" @mouseout="outStyle(nav)">
				        <a :class="{'a_active':currentUrl==nav.linkUrl}"  :href="nav.linkUrl">{{nav.title}}</a>
				        <ul class="sub-nav" v-if="nav.childrens" v-show="nav.active">
				          <li v-for="children in nav.childrens">
				           	<a :href="children.linkUrl">{{children.title}}</a>
				          </li>
				        </ul>
				      </li>
				      </template>
		      </ul>
		      <!--search begin-->
				  <!--<div class="search-wrapper">
					  <button class="search-icon" @click="searchToggle($event)"><span></span></button>
					<div class="input-holder">
						<input type="text" v-model="searchkeyword" @keyup.enter.native="searchResult" class="search-input" placeholder="想搜点什么呢..." />
					</div>
					<span class="close" @click="searchToggle($event)"></span>
					<div class="result-container"></div>
				  </div>-->
				<div class="search-wrapper">
					<span class="search-icon" icon="el-icon-search"></span>
				</div>
			  <!--search end-->
		    </nav>
		  </div>
		  <!--menu end-->
		  <!--mnav begin-->
		  <div id="mnav">
		    <h2 :class="{'open':isOpen}"><a href="/" class="mlogo">瞄了眼</a><span class="navicon" @click="changeIcon"></span></h2>
		    <dl class="list_dl" v-if="navList" v-show="isOpen">
		     <template v-for="nav in navList">
			      <dt class="list_dt">
			      	  <a @click="clickNav(nav)" :href="nav.linkUrl">{{nav.title}}</a>
			      </dt>
			      <dd class="list_dd" v-if="nav.childrens" v-show="nav.active">
			        <ul>
			          <li v-for="c in nav.childrens">
			          	<a :href="c.linkUrl">{{c.title}}</a>
			          </li>
			        </ul>
			      </dd>
		       </template>
		    </dl>

		  </div>
		  <!--mnav end-->
	</div>
</body>

</html>